{% extends "news/base.html" %}

{% block title %}用户概况{% endblock title %}

{% block scriptblock %}
    <link rel="stylesheet" type="text/css" href="../../static/news/css/jquery.pagination.css">
    <script type="text/javascript" src="../../static/news/js/other.js"></script>
    <script type="text/javascript" src="../../static/news/js/jquery.pagination.min.js"></script>
{% endblock scriptblock %}

{#主页#}
{% block con_fl %}
        <div class="conter_con">
            <div class="user_menu_con fl">
                <div class="user_center_pic">
                    <img src="
                    {% if data.this_user_info.avatar_url %}
                        {{ data.this_user_info.avatar_url }}
                    {% else %}
                        ../../static/news/images/user_pic.png
                    {% endif %}" alt="用户图片">
                </div>
                <div class="user_center_name">{{ data.this_user_info.nick_name }}</div>

                <ul class="other_detail" data-userid="{{ data.this_user_info.id }}">
                    <li>性 别：{{ data.this_user_info.gender | gender }}</li>
                    <li>签 名：
                        {% if data.this_user_info.signature %}
                            {{ data.this_user_info.signature }}
                        {% else %}
                            这个用户最近太忙, 没空写签名
                        {% endif %}</li>
                </ul>

                <div class="focus_other">
                    <a href="javascript:;" class="focus" style="display: {% if data.is_follow %}none{% else %}block{% endif %}" data-userid="{{ data.this_user_info.id }}">关注</a>
                    <a href="javascript:;" class="focused" style="display: {% if data.is_follow %}block{% else %}none{% endif %}" data-userid="{{ data.this_user_info.id }}"><span class="out">已关注</span><span class="over">取消关注</span></a>
                </div>

            </div>
        <div class="user_con fr">
            <div class="other_collect">
                <h3>他的文章</h3>
                <ul class="article_list">

                </ul>

        <div id="pagination" class="page"></div>
                    <script>
                            $(function(){
                                $("#pagination").pagination({
                                    currentPage: 3,
                                    totalPage: 2,
                                    callback: function(current) {
                                        getNewsList(current);
                                    }
                                });
                            });
                    </script>
                </div>
            </div>
        </div>
{% endblock %}

{% block rank_title %}
{% endblock %}




{#    <div class="footer">        #}
{#        <div class="footer_links">#}
{#            <a href="">关于我们</a>#}
{#            <span>|</span>#}
{#            <a href="">联系我们</a>#}
{#            <span>|</span>#}
{#            <a href="">招聘人才</a>#}
{#            <span>|</span>#}
{#            <a href="">友情链接</a>#}
{#        </div>#}
{#        <p class="copyright">#}
{#            CopyRight © 2018 新经资讯信息技术有限公司 All Rights Reserved<br />#}
{#电话：010-****888    京ICP备*******8号#}
{#        </p>#}
{#    </div>#}
{#    #}
{#    <!-- 登录表单 -->#}
{#    <form class="login_form_con">#}
{#        <div class="login_form">#}
{#            <div class="login_title">#}
{#                <h3>登 录</h3>#}
{#                <a href="javascript:;" class="shutoff"></a>#}
{#            </div>#}
{#            <div class="form_group">                #}
{#                <input type="text" name="username" autocomplete="off">#}
{#                <div class="input_tip">用户名/手机号</div>#}
{#            </div>#}
{#            <div class="form_group">                #}
{#                <input type="password" name="password">#}
{#                <div class="input_tip">密码(不少于6位)</div>#}
{#            </div>#}
{#            <input type="submit" name="" value="登 录" class="input_sub">#}
{#            <div class="down_link">还没有账号？<a href="#" class="to_register">立即注册</a></div>#}
{#        </div>#}
{#        <div class="mask"></div>#}
{#    </form>#}
{#    #}
{#    <!-- 注册表单 -->#}
{#    <form class="register_form_con">#}
{#        <div class="register_form">#}
{#            <div class="register_title">#}
{#                <h3>注 册</h3>#}
{#                <a href="javascript:;" class="shutoff"></a>#}
{#            </div>#}
{#            <div class="form_group">                #}
{#                <input type="text" name="username" autocomplete="off" class="phone_input">#}
{#                <div class="input_tip">手机号</div>#}
{#                <div class="error_tip">手机号不能为空</div>#}
{#            </div>#}
{#            <div class="form_group">                #}
{#                <input type="password" name="code_pwd" class="code_pwd">#}
{#                <div class="input_tip">手机验证码</div>#}
{#                <a href="javascript:;" class="get_code">点击获取验证码</a>#}
{#                <div class="error_tip">验证码不能为空</div>#}
{#            </div>#}
{#            <div class="form_group">                #}
{#                <input type="password" name="password" class="pass_input">#}
{#                <div class="input_tip">密码(不少于6位)</div>#}
{#                <div class="error_tip">密码不能为空</div>#}
{#            </div>#}
{#            <div class="form_group">                #}
{#                <input type="password" name="code_pwd" class="code_pwd">#}
{#                <div class="input_tip">图形验证码</div>#}
{#                <img src="../../static/news/images/pic_code.png" class="get_pic_code">#}
{#                <div class="error_tip">图形码不能为空</div>#}
{#            </div>#}
{#            #}
{#            <div  class="form_group2 clearfix">#}
{#                <input type="checkbox" class="agree_input" checked>#}
{#                <p>同意使用条款，并已阅读"跟帖评论自律管理承诺书"</p>#}
{#                <div class="error_tip">请勾选</div>#}
{#            </div>#}
{#            <input type="submit" name="" value="注 册" class="input_sub">#}
{#            <div class="down_link">已有账号？<a href="#" class="to_login">立即登录</a></div>#}
{#        </div>#}
{#        <div class="mask"></div>#}
{#    </form>#}